<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'App'
  }
</script>
<style lang="less" rel="stylesheet/less">
  @import "assets/css/font.css";
</style>

<style lang="less">
  * {
    font-family: Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "é»‘ä½“", sans-serif;
  }

  .size {
    width: 100%;
    height: 100%;
  }

  html, body {
    .size;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  #app {
    .size;
  }

  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }

  ::-webkit-scrollbar-corner,
  ::-webkit-scrollbar-track {
    background-color: #e2e2e2;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, .3);
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.7)
  }
  /*.ivu-input.ivu-input-with-suffix{*/
  /*  min-width: 196px !important;*/
  /*}*/
  /*.ivu-select-input{*/
  /*  min-width: 194px !important;*/
  /*}*/
  /*.ivu-input{*/
  /*  min-width: 196px !important;*/
  /*}*/
  //统一定位按钮在底部
  .demo-drawer-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e8e8e8;
    padding: 10px 16px;
    text-align: right;
    background: #fff;
  }

  //统一不可编辑的表单 黑色字
  .ivu-input[disabled], .ivu-select-input[disabled], .ivu-select-disabled .ivu-select-selection {
    color: #666!important;
    -webkit-text-fill-color: #666!important;
  }

  //input number 不显示箭头
  .ivu-input-number-handler-wrap {
    display: none;
  }


  //富文本 取消提醒
  .tox .tox-notifications-container .tox-notification {
    display: none;
  }

  //设置 iview 列表字体大小
  .ivu-table {
    font-size: 12px!important;
  }

  //设置 iview 列表高度
  /*.ivu-table td{*/
  /*  height: 38px;*/
  /*}*/
  //设置卡片 字体大小
  .ivu-card-head p {
    font-size: 14px;
    font-weight: 400;
  }

  //多图上传
  ._wz_insertimage {
    display: inline-block;
    width: 200px;
    height: 140px;
    text-align: center;
    line-height: 140px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
    margin-right: 4px;

    img {
      width: 100%;
      height: 100%;
    }

    ._wz_insertimage-cover {
      display: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, .6);

      i {
        color: #fff;
        font-size: 40px;
        cursor: pointer;
        margin: 0 2px;
      }
    }
  }

  ._wz_insertimage:hover ._wz_insertimage-cover {
    display: block;
  }

  ////控制iview 加载不全屏加载
  //.ivu-spin-fullscreen-wrapper{
  //  left: 200px!important;
  //}
  /*.ivu-spin-fix{*/
  /*  background-color: #f00;*/
  /*}*/

  //统计文本框的最小宽度
  .ivu-input-wrapper,.ivu-date-picker ,.ivu-form-item-content .ivu-select-single {
    min-width: 195px;
    width: 100%;
  }

  //加载
  .ivu-spin-fix{
    bottom: 0px;
  }

  //禁止操作的 表单去掉边框
  .ivu-input[disabled]{
    border:0px;
  }
  .ivu-select-disabled .ivu-select-selection{
    border:0px;
  }
  .ivu-select-disabled .ivu-select-selection .ivu-icon{
    display: none;
  }


  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  input[type="number"]{
    -moz-appearance: textfield;
  }
  ._wz_indentation_ivu-table-wrapper{
    .ivu-table-wrapper{
      overflow: inherit;
    }
  }
</style>

<!--//  打印-->
<style>
@media print {
  @page {margin: 5mm;}
  html, body{
    height: inherit !important;
  }
}
</style>
